<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap_demo</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="bootstrap/js/jquery-3.4.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
</head>

<body>
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">bilibili</a>
            </div>
            <div>
                <ul class="nav navbar-nav">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">番剧</a></li>
                    <li><a href="#">直播</a></li>
                    <li><a href="#">游戏中心</a></li>
                    <li><a href="#">会员购</a></li>
                    <li><a href="#">漫画</a></li>
                    <li><a href="#">赛事</a></li>
                    <li><a href="#">下载APP</a></li>

                </ul>
            </div>
            <div class="input-group col-md-3" style="margin:10px,20px,10px; position:relative">
                <input type="text" class="form-control" placeholder="请输入字段名" />
                <span class="input-group-btn">
                    <button class="btn btn-info btn-search">查找</button>
                    <button class="btn btn-info btn-search" style="margin-left:3px">添加</button>
                </span>
            </div>
        </div>

    </nav>



</body>

</html>